v-show指令是操作css样式display属性,用来控制DOM元素显示和隐藏。
v-if指令是对页面上DOM节点的添加与删除
从效果上来看是一样,都是设置DOM元素的展示隐藏。但是它们的性质是不一样,一个是设置display属性值,一个是操作DOM元素添加和删除。它们之间可以同时使用是没有冲突。
<!-- v-if指令 -->
<div v-if="status"></div>
<!-- v-if指令 -->
<div v-show="show"></div>
<!-- v-if和v-show指令 -->
<div v-if="status" v-show="show"></div>
原文出处:http://www.dongblog.com/notes/28.html
来源:博客网 转载请注明出处!